<!-- 项目主页面头部 -->
<script lang="ts" setup>
import { BellOutlined } from '@vicons/antd'
</script>

<template>
  <div
    class="h-[40px] flex items-center justify-between px-10 text-white text-base bg-blue-500 bg-opacity-55 shadow-lg"
  >
    <div>Ellwood管理系统，欢迎Admin</div>
    <div class="flex items-center">
      <n-icon color="white" size="30">
        <BellOutlined />
      </n-icon>
      <n-badge class="pl-3" value="22">
        <n-avatar :size="30" round>
          Ell
        </n-avatar>
      </n-badge>
    </div>
  </div>
</template>

<style scoped></style>
